<template>
	<view>
		<head-navbar :back="true">
			<view>公告列表</view>
		</head-navbar>
		<view class="list">
			<view class="item">
				<view class="title">{{title}}</view>
				<view class="content"><rich-text :nodes="content"></rich-text></view>
				<view class="time">{{time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				title:'',
				content:'',
			}
		},
		onLoad(option) {
			this.title = option.title
			this.content = option.content
			this.time = option.time
		},
	}
</script>

<style lang="scss" scoped>
	.list{
		padding: 20rpx;
		padding-top: 0rpx;
	}
	.item{
		margin-top: 20rpx;
		padding: 20rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		.title{
			text-align: center;
			font-size: 35rpx;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.content{
			
			margin-top: 40rpx;
		}
		.time{
			color: #949494;
			margin-top: 50rpx;
			text-align: right;
			
		}
	}
</style>
